<template>
  <div id="app">
    <transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut">
      <welcome v-if="showWelcome"></welcome>
      <screenwrap v-else></screenwrap>
    </transition>
  </div>
</template>

<script>
import welcome from './components/welcome'
import screenwrap from './components/screenwrap'
export default {
  name: 'app',
  components: {
      welcome,screenwrap
  },
   data(){
      return {
          showWelcome:true
      }
   },
    created(){

      //欢迎屏幕显示的时长
      setTimeout(()=>{
          this.showWelcome = false;
      },2000)
    }
}
</script>

<style>
  #app {
    font-family: "Microsoft YaHei";
    height: 100%;
    background: url("assets/bj.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
  }
</style>
